<template>
  <div class="index">
    <router-view></router-view>
    <tab-bar :tabbarArray="tabbarArray"></tab-bar>
  </div>
</template>

<script>
import TabBar from "../components/TabBar";
export default {
  name: "index",
  data() {
    return {
      tabbarArray: [
        {
          icon: "icon-wujiaoxing",
          name: "首页",
          path: "/home",
        },
        {
          icon: "icon-fuli",
          name: "福利购",
          path: "/welfare",
        },
        {
          icon: "icon-youjianxinjian",
          name: "星消息",
          path: "news",
        },
        {
          icon: "icon-wo",
          name: "我",
          path: "/me",
        },
      ],
    };
  },
  components: {
    TabBar,
  },
};
</script>
<style lang="scss" scoped>
.index{
    width: 100%;
    // 注意calc里面+ -号左右要加空格
    height: calc(100% - #{$tabbar-height});
    overflow: auto;
}
</style>
